<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
  <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
  <link type="text/css" rel="stylesheet" href="../css/bootstrap-theme.min.css" />
  <style type="text/css">
    .carousel {
      width: 525px;
      height: 525px;
    }

    .item img {
      width: 525px;
      height: 525px;
    }
  </style>
</head>

<body>
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>

<!--响应式布局容器-->
<div class="container">
  <form>
    <div class="form-group">
      <label for="exampleInputEmail1">姓名</label>
      <input type="text" class="form-control" id="exampleInputEmail1" placeholder="请输入姓名">
    </div>
    <div class="form-group">
      <label for="exampleInputPassword1">密码</label>
      <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入密码">
    </div>
    <div class="form-group">
      <label for="exampleInputFile">请选择文件</label>
      <input type="file" id="exampleInputFile">
      <p class="help-block">请点击浏览按钮</p>
    </div>
    <div class="dropdown">
      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        请选择国籍
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <li><a href="#">中国</a></li>
        <li><a href="#">美国</a></li>
        <li><a href="#">英国</a></li>
        <li><a href="#">泡菜国</a></li>
      </ul>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" name="hobby"> LOL<br>
        <input type="checkbox" name="hobby"> 农药<br>
        <input type="checkbox" name="hobby"> 刺激战场<br>
      </label>
    </div>
    <div class="form-group">
      <label for="exampleInputEmail1">备注</label>
      <textarea class="form-control" rows="3"></textarea>
    </div>
    <!-- Standard button -->
    <button type="button" class="btn btn-default">（默认样式）Default</button>

    <!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
    <button type="button" class="btn btn-primary">（首选项）Primary</button>

    <!-- Indicates a successful or positive action -->
    <button type="button" class="btn btn-success">（成功）Success</button>

    <!-- Contextual button for informational alert messages -->
    <button type="button" class="btn btn-info">（一般信息）Info</button>

    <!-- Indicates caution should be taken with this action -->
    <button type="button" class="btn btn-warning">（警告）Warning</button>

    <!-- Indicates a dangerous or potentially negative action -->
    <button type="button" class="btn btn-danger">（危险）Danger</button>
    <br>
    <button type="submit" class="btn btn-default">提交</button>
  </form>

</div>

</body>
</html>